.c8a {
    color: #8a8a8a;
}

.c10 {
    color: #101010;
}

.c429 {
    color: #4294ff;
}

.mb15 {
    margin-bottom: 15px;
}

body {
    display: flex;
    flex-direction: column;
    background-color: #e8e8e8;

    main {
        margin-bottom: 20px;
        flex: 1;
        overflow-y: scroll;
        .title {
            width: 100%;
            height: 210px;
            background-color: #fff;

            .user-box {
                display: flex;
                flex-direction: row;
                align-items: center;
                padding-top: 34px;
                padding-left: 20px;

                .portrait {
                    width: 120px;
                    height: 120px;
                    border-radius: 50%;
                    border: 3px solid rgba(66, 148, 255, 100);
                    display: inline-block
                }

                .user-name {
                    width: 150px;
                    margin-left: 15px;
                    display: inline-block;

                }
            }

            .autograph {
                margin-left: 26px;
                margin-top: 20px;
            }

        }

        .sport-data {
            width: 100%;
            height: 170px;
            margin: 20px 0;
            background-color: #fff;
            padding-top: 20px;

            .text {
                margin-left: 25px;
                margin-bottom: 25px;
            }

            .data-Box {
                padding: 0 34px;
                margin-bottom: 26px;
                display: flex;
                justify-content: space-between;

                .soprt {
                    width: 211px;
                    height: 74px;
                }

                .consume {
                    width: 202px;
                    height: 74px;
                }
            }
        }

        .badge-data {
            width: 100%;
            height: 175px;
            margin-bottom: 20px;
            background-color: #fff;
            padding-top: 20px;

            .text {
                margin-left: 24px;
            }

            .badgeBox {
                display: flex;
                justify-content: space-around;

                .badge {
                    width: 100px;
                    height: 100px;
                    margin-top: 15px;
                    border-radius: 50%;
                    border: 1px solid rgba(187, 187, 187, 100);
                }
            }
        }

        .logoff {
            background-color: #fff;
            width: 100%;
            height: 55px;
        }
    }
}

i {
    font-size: 18px !important;
    margin-right: 5px;
}

#file-btn {
    display: none;
}

.about{
    color: rgba(66, 148, 255, 100)  !important;
}